<script lang="ts" setup>
/*
  学习目标：事件对象和DOM的类型
  需求: 失去焦点, 改变title
  掌握: 借鉴内置类型的方式
*/

const fn = (e: Event) => {
  document.title = (e.target as HTMLInputElement).value
}

// 🔔 鼠标悬停querySelector, 观察返回值类型
// document.querySelector("input")
</script>

<template>
  <div>
    <!-- 🔔 鼠标悬停change, 观察借鉴类型 -->
    <input type="text" @change="fn">
  </div>
</template>
